<!DOCTYPE html>
<html dir="ltr" lang="ja">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1.0, minimum-scale=1.0">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<title>Sign In - Solbum</title>
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
		<![endif]-->
		<script src="../js/jquery1.7.2.min.js"></script>
		<script src="../js/script.js"></script>
		<script type="text/javascript" src="../script/js/toast.js"></script>
		<script type="text/javascript" src="../script/jq/footer_fixed.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				var query = GetQueryString();
				if (query === '1') {
					showToast("ID or Password, is not correct", 3);
				}
				else if (query === '2') {
					showToast("ID is empty", 3);
				}
				else if (query === '3') {
					showToast("Password is empty", 3);
				}
			});
			function GetQueryString() {
				if (1 < window.location.search.length) {
					var query = window.location.search;
					var parameters = query.split('&');

					var result = new Object();
					for (var i = 0; i < parameters.length; i++) {
						var element = parameters[i].split('=');
						var paramName = decodeURIComponent(element[0]);
						var paramValue = decodeURIComponent(element[1]);
						// パラメータ名をキーとして連想配列に追加する
						result[paramName] = decodeURIComponent(paramValue);
						var key = paramValue;
					}
					return key;
				}
				return null;
			}
    </script>
	</head>
	<body>

		<div id="slogan"><h1 class="inner">SNS Album Service - Solbum - </h1></div>
		<!-- Head -->
		<div id="header">
			<div class="inner">
				<!-- Logo -->
				<div class="logo">
					<a href="top.html">Solbum<br><span>Sharing Photo Engine</span></a>
				</div>
				<!-- / Logo -->
				<!-- Navigation Main -->
				<nav id="mainNav">
					<a class="menu" id="menu"><span>MENU</span></a>
					<div class="panel">
						<ul>
							<!--							<li><a href="index.php">
																<img src="../images/button.png" width="50" height="50" alt=""><br><span>Top</span></a></li>
														<li class="active"><a href="login.html">
																<img src="../images/button.png" width="50" height="50" alt=""><br><span>Updata</span></a></li>
														<li><a href="login.html">
																<img src="../images/button.png" width="50" height="50" alt=""><br><span>Edit</span></a></li>
														<li><a href="register.html">
																<img src="../images/button.png" width="50" height="50" alt=""><br><span>Setting</span></a></li>-->
						</ul>
					</div>
				</nav>
				<!-- / Navigation Main -->

			</div>
		</div>
		<!-- / Headー -->

		<div id="hr"><hr></div>

		<div id="form">
			<h1>SIGN IN</h1>
			<br>
			<form method="POST" action="../script/php/login.php">
				<label for="name">Account Name：</label> <input type="text" class ="text" id="name"
																											 name="name"><br>
				<label for="pass">Password：</label> <input type="password" class ="text" id="pass"
																									 name="pass">
				<br><br>
				<input type="submit" id="b_login"  class ="button" name="b_login" value="IN"><br>
			</form>
		</div>
		<!-- / WRAPPER -->

		<!-- Footerー -->
		<div id="footer">
			<div class="inner">

				<!-- Column3 -->
				<section class="gridWrapper">

					<article class="grid">
						<!-- Logo -->
						<p class="logo"><a href="index.php">Alloc<br /><span>Change Your Photo Life</span></a></p>
						<!-- / Logo -->
					</article>

					<article class="grid">
						<!-- Tell toka -->
						<p class="tel">Tell: <strong>XXX-XXX-XXXX</strong></p>
						<p>Information: AM 10:00 〜 PM 5:00</p>
						<!-- / Tell toka -->
					</article>

					<article class="grid copyright">
						Copyright(c) 2013 Alloc Inc. All Rights Reserved. Design by <a href="http://google.com" target="_blank" rel="nofollow">Alloc</a>
					</article>

				</section>
				<!-- Column3 -->

			</div>
		</div>
		<!-- / Footer -->

	</body>
</html>